<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
    <link rel="stylesheet" href="../../../javascript/plug-ins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../../../css/style.css" />		
     <style>
     .dialog{width: 80% !important; top: 50%;}
     .img_box{padding:0px 10px;position: relative;}
     .img_title{position: relative;height: 30px;bottom: 30px;background: rgba(51,51,51,0.4);color: #fff;line-height: 30px;}
     
    
    </style>
    
    <script src="../../../javascript/jquery.js"></script>
        <script src="../../../javascript/public.js"></script>
     <script type="text/javascript" src="../../../javascript/laydate/laydate.js"></script> 
	</head>
	<body>
		
	   <div class="page-wrap">		
		
		<section class="page-hd t">         
         <header>
			<h5 class="title">
			 <a href="entrance_set.html" class="red">基础信息</a>
			 <a href="that_set.html">说明设置</a>
			 <a href="notice_set.html">通知设置</a>
			 <a href="entrance_set.html">入口设置</a>
			</h5>	
		 </header>
		 <hr>
		</section>
		
		
		<div class="panel panel-default">
		  
		  <div class="form-content">
		  	
		  	<form>
		  	 <div class="form-group-col-2">
		  	 	<div class="form-label">活动名称:</div>
		  	 	<div class="form-cont">
		  	 		<input type="text" class="form-control float_left form-boxed width50" placeholder="请输入活动名称" />
		  	 	    <div class="width10 text-center float_left border_gray"><img src="../../../img/nopic.png" height="31px"/></div>
		  	 		<input type="button" class="btn img_serch" value="请选择图片" />
		  	 	</div>
		  	 </div>	
		  	 
		  	  <div class="form-group-col-2">
		  	 	<div class="form-label">活动详情页背景图:</div>
		  	 	<div class="form-cont">
		  	 		<input type="text" class="form-control float_left form-boxed width50" placeholder="请输入活动详情页背景图" />
		  	 		<div class="width10 text-center float_left border_gray"><img src="../../../img/nopic.png" height="31px"/></div>
		  	 		<input type="button" class="btn img_serch" value="请选择图片" />
		  	 	</div>
		  	 </div>	
		  	 
		  	 
		  	  <div class="form-group-col-2">
		  	 	<div class="form-label">活动期限:</div>
		  	 	<div class="form-cont">
		  	 		<input type="text" id="startdate" class="form-control laydate-icon form-boxed width30" placeholder="开始时间" />-
		  	 		<input type="text" id="enddate" class="form-control laydate-icon form-boxed width30" placeholder="结束时间" />
		  	 	</div>
		  	 </div>	
		  	 
		  	  <div class="form-group-col-2">
		  	 	<div class="form-label">活动奖励有效期限:</div>
		  	 	<div class="form-cont">
		  	 		<input type="text" class="form-control float_left form-boxed width70" placeholder="" />
		  	 		<span class="word-aux"><i class="icon-warning-sign"></i>活动完成后在此时间内领取奖励，无限期请设置0（单位：天）</span>
		  	 	</div>
		  	 </div>	
		  	 
		  	  <div class="form-group-col-2">
		  	 	<div class="form-label">场景设置:</div>
		  	 	<div class="form-cont">
		  	 		<select class="width70"><option>请选择场景</option><option>消费场景</option><option>签到场景</option><option>任务场景</option></select>
		  	 	</div>
		  	 </div>	
		  	
		  	 <div class="form-group-col-2">
		  	 	<div class="form-label">不能参加活动提示:</div>
		  	 	<div class="form-cont">
		  	 		<textarea class="form-control float_left form-boxed width70" placeholder=""></textarea>
		  	 		<span class="word-aux"><i class="icon-warning-sign"></i>默认：您没有参与抽奖的机会..</span>
		  	 	</div>
		  	 </div>	
		  	 
		  	 <div class="form-group-col-2">
		  	 	<div class="form-label">不能参加活动提示:</div>
		  	 	<div class="form-cont">
		  	 		<div class="radio-box"><input name="r" type="radio" /><span>启用</span></div>
		  	 		<div class="radio-box"><input name="r" type="radio" /><span>禁用</span></div>
		  	 	</div>
		  	 </div>	
		  	 
		  	 <div class="form-group-col-2">
		  	 	<div class="form-label"></div>
		  	 	<div class="form-cont">
                    <input type="button" value="提交" class="btn btn-info" />
		  	 	</div>
		  	 </div>	


		  	</form>
		  			  	
		  </div><!---form-content---->

		</div><!---panel--->
			
	   </div><!---page-wrap------>		
	   
	   		
	<div class="mask"></div>
    <div class="dialog">
	<div class="dialog-hd">
		<strong class="lt-title">本地图片</strong>
		<a class="rt-operate icon-remove JclosePanel" title="关闭"></a>
	</div>
	<div class="dialog-bd" style="height: 500px;overflow: scroll;">
		<div class="flex flex-wrap margin_buttom10">
			<input type="button" value="上传图片" class="btn btn-info margin_left10" />
		</div>
		
		<div class="flex flex-wrap flex-col-5" >
			<div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
			
			<div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
			
			<div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
			
			<div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
            
            <div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
			
			<div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
			
			<div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
		    
		    <div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
			
			<div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
			
			<div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
		    
		    <div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>
			
			<div class="box-child">
			 <div class="img_box">
			 	<img width="100%" height="170px" src="../../../img/invitation.png"/>
			    <div class="img_title text-center">好看的图片.png</div>
			 </div>	
			</div>

		</div>
		
		
	</div><!--dialog-bd--->
	<div class="dialog-ft">
		<button class="btn btn-info JyesBtn">确认</button>
		<button class="btn btn-secondary JnoBtn">关闭</button>
	</div>
    </div>

		
		
		
	</body>
	
	  <script> 
   laydate({ 
    elem: '#startdate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class' 
    event: 'focus', //响应事件。如果没有传入event，则按照默认的click 
    format: 'YYYY/MM/DD hh:mm:ss', // 分隔符可以任意定义，该例子表示只显示年月 
    festival: true, //显示节日 
    istime: true, //显示时间选项 
    choose: function(datas){ //选择日期完毕的回调 
     alert('得到：'+datas); 
    } 
   }); 
   
   laydate({ 
    elem: '#enddate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class' 
    event: 'focus', //响应事件。如果没有传入event，则按照默认的click 
    format: 'YYYY/MM/DD hh:mm:ss', // 分隔符可以任意定义，该例子表示只显示年月 
    festival: true, //显示节日 
    istime: true, //显示时间选项 
    choose: function(datas){ //选择日期完毕的回调 
     alert('得到：'+datas); 
    } 
   }); 
   
     $('.img_serch').click(function(){
   	$(".mask").show();
   	$(".dialog").show();
   	
   });
   
   
  </script> 	
	
</html>
